当需要将网站变灰色来表达平台的哀悼时,如今主流CSS代码为
主流方法!网站变灰色的CSS代码
<style>
html{
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
</style>
以上代码除了IE都支持,
也是现在国内主流网站常用的方法,
都对被嫌弃的IE没做特别处理了
因为今年微软已经停止对IE支持更新,力推Edge浏览器,
Win平台下的浏览器至此也与Chrome一致了。
上方代码轻便易用,
放在需要灰掉的页面即可。
建议放在<head>里。
支持IE9及以上
如果确定要兼容IE9及以上,
可以使用下方代码,
效果如QQ腾讯网这样,
可以用一个灰色层模拟一下。
<div style="position:fixed;
z-index:999;
width:100vw;
height:100vh;
left:-100vw;
outline: 101vw solid rgba(100,100,100,.7);"></div>
本文于2022年11月30日更新
收藏 8
点赞 24
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
AI绘画创意与实战
已累计诞生 655 位幸运星
发表评论 已发布5条
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓